<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>05-表格</title>
</head>

<body>
	<table border="1">
		<caption>表格的标签表格</caption>
		<tr>
			<th rowspan="2" valign="top">标签</th>
			<th>含义</th>
			<th>注意</th>
		</tr>
		<tr>
			<td colspan="2">table</td>
			<td>表格最外层</td>
		</tr>
		<tr>
			<td align="right">table</td>
			<td>表格最外层</td>
			<td></td>
		</tr>
		<tr>
			<td>caption</td>
			<td>表的标题</td>
			<td></td>
		</tr>
		<tr>
			<td>tr</td>
			<td>表的一行</td>
			<td>一行</td>
		</tr>
		<tr>
			<td>td</td>
			<td>表的一格</td>
			<td>最小单元</td>
		</tr>
	</table>
	<hr>
	<table border="1" cellpadding="1" cellspacing="50">
		<caption>带有语义化的表格</caption>
		<thead>
			<tr>
				<th>标签</th>
				<th>含义</th>
				<th>注意</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td align="left">thead</td>
				<td align="center">表头</td>
				<td align="right">包含title</td>
			</tr>
			<tr valign="top">
				<td>tbody</td>
				<td>表体</td>
				<td>包含数据</td>
			</tr>
			<tr>
				<td>tfoot</td>
				<td>表尾</td>
				<td>一般做统计</td>
			</tr>
		</tbody>
		<tfoot>
			<tr>
				<td>说明</td>
				<td>一般无效果</td>
				<td>只是语义化</td>
			</tr>
		</tfoot>
	</table>
</body>

</html>